.aaa {
    color: red;
}

.bbb {
    color: blue;
}

.ccc {
    color: blueviolet;
}

.ddd {
    color: greenyellow;
    width: 500px;
}

/*类选择器*/
.font-red {
    /*color: #085bc7;*/
    color: rgb(123, 199, 8);
    /*color: rgba(8,91,199,100);*/
    /*rgba 的a 表示透明度 范围再0-1之间*/
    background-color: rgba(8, 91, 199, 1);
}

#idCcc {
    /*宽度*/
    width: 200px;
    /*    高度*/
    height: 150px;
    /*    想让div分开*/
    /*    做边距:当前div和其他div的距离*/
    /*外边距：上右下左*/
    margin: 5px 10px 20px 40px;
    /*    边框的大小设置:边框大小，边框形状 边框颜色*/
    border: 10px solid red;
    border-top: 50px solid rebeccapurple;
    /*    边框和内容之间的距离*/
    /*padding: 40px 20px 10px 5px;*/
    /*    字体左右居中*/
    text-align: center;
    /*    字体上下居中*/
    /*    行高*/
    line-height: 150px;
}

/*id选择器*/
#test {
    width: 0;
    height: 0;
    /*background-color: rebeccapurple;*/
    border-top: 50px solid hotpink;
    border-bottom: 50px solid transparent;
    border-left: 50px solid red;
    border-right: 50px solid transparent;
}

/*元素选择器：选择元素的容器*/
body {
    /*display: flex;*/
    /*justify-content: center;*/
}

/*body下面的第四个div*/
/*子代选择器*/
/*body > div:nth-child(4) {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*属性选择器*/
/*div[ccc] {*/
/*    color: red;*/
/*}*/
#idCcc {
    color: blueviolet;
}

#idCcc + div {
    color: hotpink;
}

.bg {
    border: 1px solid red;

}


.bg > div {
    background-image: url("../img/banner_qtah.jpg");
    /*高宽是指div的高宽*/
    /*height: 808px;*/
    /*width: 1920px;*/
    /*    想让图片完全显示，则可以设置图片的高宽*/
    background-size: 100% 100%;
    /*    图片的高宽被拉伸，*/
    width: 1000px;
    height: calc(1000 * 808px / 1920);
}

.fff {
    width: 500px;
    /*height: 200px;*/
}

.rever {
    display: flex;
    /*flex-direction: column-reverse;*/
    /*flex-direction: row-reverse;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
    justify-content: space-around;
    align-items: baseline;
}

.d1 {
    width: 50px;
    height: 200px;
    background-color: #4f3838;
}

.d2 {
    width: 60px;
    background-color: #b41414;
    height: 100px;
    padding: 20px 0 0 0;
}

.d3 {
    width: 30px;
    height: 50px;
    background-color: #288b9a;
}

.login {
    width: 300px;
    height: 300px;
}

body {
    height: 100vh;
    min-width: 1000px;
}

/*代表所有元素*/
* {
    margin: 0;
}